<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="assets/css/map.css" rel="stylesheet">
		<link href="assets/css/leaflet.css" rel="stylesheet">
		<title>leaflet</title>
	</head>

	<body>

		<div id="map"></div>

		<script src="assets/js/leaflet.js"></script>
		<script>
			let map = L.map("map", {
				zoom: 2,
				maxZoom: 18,
				center: [34.269701076858354, 108.94729614257814],
				maxBounds: [
					[-90, -180],
					[90, 180]
				],
			});
			L.tileLayer(
				"http://{s}.tile.osm.org/{z}/{x}/{y}.png",{
					noWrap:true,
					bounds: [
						[-90, -180],
						[90, 180]
					],
				}
			).addTo(map);
		</script>
	</body>


</html>